<!DOCTYPE html>
%%HTMLENTETE%%
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
	<base href="%%IntWebDir%%">
    <title>##InterviewerWeb_20646##</title>
    <script type="text/javascript" src="js/ProjectSelection.js"></script>
    <script type="text/javascript" src="Tools/jquery/jquery-1.6.2.min.js"></script>
    <link href="StylesA4s/font-awesome.css" rel="stylesheet"/>
    <link href="StylesA4s/Login.css" rel="stylesheet"/>

    <script language="javascript" type="text/javascript">
      jQuery(document).ready(InitForm);

      function setFormFieldsState()
      {
        $(".formField").prop("readonly", $("#SSO").is(":checked") );
      }

      function InitForm()
      {
          $("#SSO").click(setFormFieldsState);
          var _ddlProjectSelection = document.getElementById("ddlProject"); 
          Project_onChange(_ddlProjectSelection);
          setFormFieldsState();
      }

      %%PopupMessageFunction%%
    </script>
</head>

<body">
  <div id="main">
        
    <div class="login-logo">
        <img src="Images/Logos/cati_logo_green.png"/>
    </div>


    <div id="login-form">
        <form method="POST" autocomplete="off" action="intweb.dll">
            <!--<input name="__RequestVerificationToken" type="hidden" value="CvZZ09d3tG7bX_VEQzBNTAGyYRfUNT6C7s1nvAoobuESSJq5_xNKxutI9Zlsu3ez7hXZCCC7rompnByIDWcrgy1fqbE1" />-->
            <!--<input data-val="true" data-val-required="This field is required." id="IsDisplayLoginMultiContextSelector" name="IsDisplayLoginMultiContextSelector" type="hidden" value="False" />-->

            <div>
                <div class="validation-summary-valid" data-valmsg-summary="true">
                    <ul>
                        <li style="display:none"></li>
                    </ul>
                </div>

                <div class="login-input">
                    <span>##Global_Project##</span>
                </div>

                <div class="login-input">
                    <span class="icon"><i class="fa fa-phone"></i></span>               
                    %%ProjectSelectBox%%
                </div>

                <div class="login-input">
                    <span class="icon"><i class="fa fa-group"></i></span>
                    <input id="txtIntGroup" name="INTGROUP" placeholder="##Global_Group##" type="text" maxlength="2" value="%%AgentGroup%%" />
                </div>
   
                <label>##InterviewerWeb_21501##</label>
                <input type="checkbox" name="INTMODE" size="30" VALUE="2">

                <input id="submit-btn" name="B1" type="submit" class="primary" value="##Login_btnLogin##" />
            </div>

            <!-- Hidden fields specific to project selection -->
            %%ProjectSelectionHiddenFields%%
            <!-- Other hidden fields -->
            %%HiddenFields%%
        </form>
    </div>


    <div id="footer"">
        <p>&#169; Voxco %%CurrentYear%% - ##Bottom_AllRightsReserved## - <a href="http://www.voxco.com">www.voxco.com</a> - <b>Version %%CurrentVersion%%</b></p>
    </div>

  </div> <!-- main div -->

</body>

</html>
